/* console bar */

#settings-bar > div > svg:hover {
    animation: bar-hover 0.4s ease 0s 1 alternate forwards;
}

@keyframes bar-hover {
    0% {
        background-color: #2c2c2c;
        fill: #aaaaaa;
    }
    100% {
        background-color: #eeeeee;
        fill: #000000;
    }
}

/* config bar */

@keyframes ani-config-hide {    /* called by script */
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(calc(var(--config-height) - var(--config-bar-height)));
    }
}

@keyframes ani-config-show {    /* called by script */
    0% {
        transform: translateY(calc(var(--config-height) - var(--config-bar-height)));
    }
    100% {
        transform: translateY(0px);
    }
}

#config-bar:hover {
    animation: ani-config-bar-hover 0.3s ease 0s 1 alternate forwards;
}

@keyframes ani-config-bar-hover {
    0% {
        background-color: var(--config-line-color);
    }
    100% {
        background-color: #202020;
    }
}

#config-com-btn:hover {
    animation: ani-config-com-btn-hover 0.3s ease 0s 1 alternate forwards;
}

#config-com-btn:not(:hover) {
    animation: ani-config-com-btn-nohover 0.3s ease 0s 1 alternate forwards;
}

@keyframes ani-config-com-btn-hover {
    0% {
        box-shadow: 0px 0px 0px 0px #2a2a2a;
    }
    100% {
        box-shadow: 0px 0px 8px 2px #2a2a2a;
    }
}

@keyframes ani-config-com-btn-nohover {
    0% {
        box-shadow: 0px 0px 8px 2px #2a2a2a;
    }
    100% {
        box-shadow: 0px 0px 0px 0px #2a2a2a;
    }
}

/* info bar */

@keyframes ani-info-noerr {
    0% {
        background-color: #994545;
    }
    100% {
        background-color: #007acc;
    }
}

@keyframes ani-info-err {
    0% {
        background-color: #007acc;
    }
    100% {
        background-color: #994545;
    }
}

@keyframes ani-infomsg-noerr {
    0% {
        background-color: #704545;
    }
    100% {
        background-color: #0060cc;
    }
}

@keyframes ani-infomsg-err {
    0% {
        background-color: #0060cc;
    }
    100% {
        background-color: #704545;
    }
}